import classNames from "classnames";
import styles from "./index.module.scss";

export interface DetailContentProps {
  maxWidth?: number;
  bgColor?: string;
  children?: React.ReactNode;
}

const DetailContent = (props: DetailContentProps) => {
  const { maxWidth = 1168, bgColor = "#fff", children } = props;
  return (
    <div
      style={{ maxWidth, backgroundColor: bgColor }}
      className={classNames(styles["mg-detail-content"])}
    >
      {children}
    </div>
  );
};

export default DetailContent;
